<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <!--公共无数据提示 开始-->
    <li th:if="${#lists.isEmpty(dataMap['list'])}" id="no-data-li">
        <section class="no-data__wrap">
            <em>&nbsp;</em>
            <p>亲，小编正在整理中</p>
        </section>
    </li>
    <!--公共无数据提示 结束-->
    <li th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="course : ${dataMap['list']}" class="mb5">
        <a th:href="@{/mobile/course/liveInfo?courseId={courseId}(courseId=${course['id']})}" class="item-content">
            <div class="item-media">
                <section class="wm-item-picture__wrap pr">
                    <img class="wm-img" th:attrappend="data-src=!${#maps.isEmpty(course['imageMap'])} and !${#maps.isEmpty(course['imageMap']['mobileUrlMap'])} and !${#strings.isEmpty(course['imageMap']['mobileUrlMap']['small'])}?${course['imageMap']['mobileUrlMap']['small']} :''" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                </section>
            </div>
            <div class="item-inner">
                <section class="wm-desc-txt__wrap">
                    <span class="wm-cm-title" th:text="${course['courseName']}"></span>
                </section>
                <section class="wm-attr-wrap row">
                    <aside class="col-50" th:if="${course['memberPrice']} > 0 or ${course['realPrice']} > 0">
                        <span class="wm-price vam" th:text="'￥'+${course['realPrice']}"></span>
                        <s class="fs4 c-bbb vam" th:text="'￥'+${course['orPrice']}"></s>
                    </aside>
                    <aside class="col-50" th:if="${course['realPrice']} <= 0 and ${course['memberCourse']} != 1">
                        <span class="wm-price-free vam">免费</span>
                    </aside>
                    <aside class="col-50" th:if="${course['memberCourse']} == 1">
                        <span class="wm-price vam">会员课</span>
                    </aside>
                    <aside class="col-50 text-right">
                        <span class="fs4 c-orange"><th:block th:text="${course['initBuyNum']}+${course['courseProfile']['buyCount']}"></th:block>人加入</span>
                    </aside>
                </section>
            </div>
        </a>
        <section class="tuan-attr-box">
            <div class="row no-gutter clearfix">
                <section class="col-75">
                    <div th:if="!${#maps.isEmpty(course['liveCourseCatalog'])}" class="row no-gutter tuan-attr-timer__wrap">
                        <span class="col-auto mr5">
                            <span class="fs4 c-bbb">时间</span>
                        </span>
                        <span class="col-auto">
                            <span class="tuan-attr-timer-box">
                                <th:block th:text="${#strings.substring(course['liveCourseCatalog']['lessonStartTime'],5,7)}"></th:block>月
                                <th:block th:text="${#strings.substring(course['liveCourseCatalog']['lessonStartTime'],8,10)} == ${#strings.substring(course['liveCourseCatalog']['lessonEndTime'],8,10)}?${#strings.substring(course['liveCourseCatalog']['lessonStartTime'],8,10)}:(${#strings.substring(course['liveCourseCatalog']['lessonStartTime'],8,10)}+'日 - '+${#strings.substring(course['liveCourseCatalog']['lessonEndTime'],8,10)})"></th:block>日
                            </span>
                        </span>
                        <span class="col-auto">
                            <span class="tuan-attr-timer-vag">&nbsp;</span>
                        </span>
                        <span class="col-auto">
                            <span class="tuan-attr-timer-box">
                                <th:block th:text="${#strings.substring(course['liveCourseCatalog']['lessonStartTime'],11,13)}"></th:block>
                            </span>
                        </span>
                        <span class="col-auto">
                            <span class="tuan-attr-timer-vag">:</span>
                        </span>
                        <span class="col-auto">
                            <span class="tuan-attr-timer-box">
                                <th:block th:text="${#strings.substring(course['liveCourseCatalog']['lessonStartTime'],14,16)}"></th:block>
                            </span>
                        </span>
                    </div>
                    <div th:if="${#maps.isEmpty(course['liveCourseCatalog'])}" class="row no-gutter tuan-attr-timer__wrap">
                        <span class="col-auto mr5">
                            <span class="fs4 c-bbb">当前暂无直播节点</span>
                        </span>
                    </div>
                </section>
                <section class="col-25">
                    <a th:href="@{/mobile/course/liveInfo?courseId={courseId}(courseId=${course['id']})}" class="button button-fill button-round button-danger fs6"> 看直播 </a>
                </section>
            </div>
        </section>
    </li>
    <input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
    <input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
</html>